<template>
		<view class="pub-contact" :style="{paddingBottom:128 + bottomHight +'rpx' }">
			<view class="contact-box">
				<view class="tab-box">
					<view :class="zrmtabIndex=='0' ?'active' :''" @click="zrmtabClick('0')">
						企业联系方式
					</view>
					<view :class="zrmtabIndex=='1' ?'active' :''" @click="zrmtabClick('1')">
						工商联系方式
					</view>
				</view>
				<!-- 解锁信息 -->
				<view v-if="!jiesuoShow">
					<view class="lxrList">
						<view class="lxr-top">
							<view class="lxr-left">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/lxr.png" mode=""></image>
							</view>
							<view class="lxr-right">
								<view class="d-b-c">
									<view class="lxr-name">采招经理</view>
									<view class="lxr-xgxm">20个相关项目</view>
								</view>
								<view class="d-b-c">
									<view class="lxr-tel">
										400-810-9688
									</view>
									<view class="lxr-gxsj">更新时间：2024/08/29</view>
								</view>
							</view>
						</view>
						<view  class="lxr-middle text-ellipsis">
							最新项目：浙江卓宏建设项目管理有限公司关于绍兴市柯项目...
						</view>
						<view class="caozuo">
							<view @click="addPhone('采招经理','400-810-9688')">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/tongxunlu.png" mode=""></image>
								<text>添加到通讯录</text>
							</view>
							<view @click="copyTel('400-810-9688')">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/fuzhi.png" mode=""></image>
								<text>复制</text>
							</view>
							<view @click="makePhoneCall('400-810-9688')">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/dianhua.png" mode=""></image>
								<text>打电话</text>
							</view>
						</view>
					</view>
					<view class="jiesuo-box">
						<view class="jiesuo-title">
							解锁“<view class="text-ellipsis">{{companyName}}</view>”的找人脉
						</view>
						<view class="jiesuo-desc">
							找人脉剩余可解锁次数：
						</view>
						<view class="jiesuo-cishu">
							<view v-for="(item,index) in shengyucishu" :key="index">{{item}}</view>
							<text>次</text>
						</view>
						<view class="jiesuo-tip d-b-c">
							<text>解锁后权限生效期间不会重复解锁</text>
							<text @click="zengjiacishu">增加可使用次数</text>
						</view>
						<view class="lijijiesuo" @click="lijijiesuo">立即解锁</view>
					</view>
				</view>
				
				<!-- 列表 -->
				<view v-if="zrmtabIndex=='0' && jiesuoShow" :style="{paddingBottom:'30rpx'}">
					<view class="lxrList" v-for="(item, index) in qiyeList" :key="index" >
						<view class="lxr-top" @click="tolxrDetail(item)">
							<view class="lxr-left">
								<view class="circle" :style="{background:item.circleBg}">{{item.name.substring(0,1)}}</view>
								<!-- <image src="https://img.bidcenter.com.cn/uni/qiqing/lxr.png" mode=""></image> -->
							</view>
							<view class="lxr-right">
								<view class="d-b-c">
									<view class="lxr-name">{{item.name}}</view>
									<view class="lxr-xgxm" v-if="item.xmgl !=0">{{item.xmgl}}个相关项目</view>
								</view>
								<view class="d-b-c">
									<view class="lxr-tel">
										{{item.tel}}
									</view>
									<view class="lxr-gxsj">更新时间：{{item.time}}</view>
								</view>
							</view>
						</view>
						<view  class="lxr-middle text-ellipsis" v-if="item.news_title" @click="tolxrDetail(item)">
							最新项目：{{item.news_title}}
						</view>
						<view class="caozuo">
							<view @click="addPhone(item.name,item.tel)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/tongxunlu.png" mode=""></image>
								<text>添加到通讯录</text>
							</view>
							<view @click="copyTel(item.tel)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/fuzhi.png" mode=""></image>
								<text>复制</text>
							</view>
							<view @click="makePhoneCall(item.tel)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/dianhua.png" mode=""></image>
								<text>打电话</text>
							</view>
						</view>
					</view>
					<!-- 原有样式 -->
					<!-- <view v-for="(item, index) in qiyeList" :key="index" class="lianxiInfo">
						<view class="contact-left">
							{{item.name}}
						</view>
						<view class="contact-right">
							<view class="tel">
								{{item.tel}}
							</view>
							<u-button iconColor="#2F6DFE" color="#2F6DFE" text="拨打" plain
								:customStyle="{width:'80rpx',height:'40rpx',padding:'0',marginRight:'20rpx'}"
								@click="makePhoneCall(item.tel)"></u-button>
							<image src="https://img.bidcenter.com.cn/uni/home/gengduo.png" mode="" class="showIcon"
								@click="clickPopup(index)">
							</image>
						</view>-->

						<!-- 弹窗 -->
						<!-- <view class="popup-content" :class="{'showRight':index === currentIndex}">
							<view class="popup-title" @click="copyTel(item.tel)">复制电话</view>
							<view class="popup-body" @click="addPhone(item.name,item.tel)">添加到通讯录</view>
							<view class="popup-call" @click="hidePopup">取消</view>
						</view> -->
					<!-- </view> -->
					
				</view>
				<view v-if="zrmtabIndex=='1'  && jiesuoShow" :style="{paddingBottom:'30rpx'}">
					<view class="lxrList" v-for="(item, index) in gongshangList" :key="index" >
						<view class="lxr-top" @click="tolxrDetail(item)">
							<view class="lxr-left">
								<view class="circle" :style="{background:item.circleBg}">{{item.lxr_name.substring(0,1)}}</view>
								<!-- <image src="https://img.bidcenter.com.cn/uni/qiqing/lxr.png" mode=""></image> -->
							</view>
							<view class="lxr-right">
								<view class="d-b-c">
									<view class="lxr-name">{{item.lxr_name}}</view>
									<view class="lxr-xgxm" v-if="item.xmgl !=0">{{item.xmgl}}个相关项目</view>
								</view>
								<view class="d-b-c">
									<view class="lxr-tel">
										{{item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile}}
									</view>
									<view class="lxr-gxsj">更新时间：{{item.lxr_updatetime}}</view>
								</view>
							</view>
						</view>
						<view  class="lxr-middle text-ellipsis" v-if="item.news_title" @click="tolxrDetail(item)">
							最新项目：{{item.news_title}}
						</view>
						<view class="caozuo">
							<view @click="addPhone(item.lxr_name,item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/tongxunlu.png" mode=""></image>
								<text>添加到通讯录</text>
							</view>
							<view @click="copyTel(item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/fuzhi.png" mode=""></image>
								<text>复制</text>
							</view>
							<view @click="makePhoneCall(item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile)">
								<image src="https://img.bidcenter.com.cn/uni/qiqing/dianhua.png" mode=""></image>
								<text>打电话</text>
							</view>
						</view>
					</view>
					
					<!-- 原有样式 -->
					<!-- <view v-for="(item, index) in gongshangList" :key="index" class="lianxiInfo">
						<view class="contact-left">
							{{item.lxr_name}}
						</view>
						<view class="contact-right">
							<view class="tel">
								{{item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile}}
							</view>
							<u-button iconColor="#2F6DFE" color="#2F6DFE" text="拨打" plain
								:customStyle="{width:'80rpx',height:'40rpx',padding:'0',marginRight:'20rpx'}"
								@click="makePhoneCall(item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile)"></u-button>
							<image src="https://img.bidcenter.com.cn/uni/home/gengduo.png" mode="" class="showIcon"
								@click="clickPopup(index)">
							</image>
						</view> -->
				
						<!-- 弹窗 -->
						<!-- <view class="popup-content" :class="{'showRight':index === currentIndex}">
							<view class="popup-title" @click="copyTel(item.lxr_mobile)">复制电话</view>
							<view class="popup-body" @click="addPhone(item.lxr_name,item.lxr_mobile)">添加到通讯录</view>
							<view class="popup-call" @click="hidePopup">取消</view>
						</view>
					</view> -->
				</view>
				<list-loading :status.sync="status" :isBottom.sync="zrmIsbottom" :defindNull="!qiyeList.length "
					:listdata="qiyeList" :style="{paddingBottom:148 + bottomHight +'rpx' }" v-if="zrmtabIndex=='0' && jiesuoShow">
					<view class="nullWrap"  style="padding-top: 13%;text-align: center;">
						<image src="https://img.bidcenter.com.cn/uni/zanwushuju.png" mode="aspectFit"
							>
						</image>
					</view>
				</list-loading>
				<list-loading :status.sync="status2" :isBottom.sync="zrmIsbottom" :defindNull="!gongshangList.length && jiesuoShow"
					:listdata="gongshangList" :style="{paddingBottom:148 + bottomHight +'rpx' }" v-if="zrmtabIndex=='1' && jiesuoShow">
					<view class="nullWrap" style="padding-top: 13%;text-align: center;">
						<image src="https://img.bidcenter.com.cn/uni/zanwushuju.png" mode="aspectFit"
							>
						</image>
					</view>
				</list-loading>
				<!-- <view v-else style="padding: 200rpx 0; text-align: center;color: #606266;font-size: 28rpx;">
				暂无联系方式
			</view> -->
			
				
				
			</view>
			<!-- 遮罩层 -->
			<view v-show="maskPop" class="popup"></view>
			
			
			

		</view>
		
	

</template>

<script>
	export default {
		name: "Zhaorenmai",
		props: ['comcode', 'vcode',  "bottomHight", "zrmIsbottom","companyName","zrmjiesuoShow","zrmshengyucishu","danweiType","companyName","keywords2"],
		data() {
			return {
				location:10904,
				// initForm: JSON.parse(JSON.stringify(this.$props.qyxxkForm)),
				zrmtabIndex:'0',
				maskPop: false,
				currentIndex: -1,
				page: 1,
				pagesize: 40,
				qiyeList: [],
				gongshangList:[],
				phoneNumber: "",
				company: "",
				status: 'loading',
				nomoreText: '已全部加载完毕',
				status2: 'loading',
				nomoreText2: '已全部加载完毕',
				jiesuoShow:this.zrmjiesuoShow,//解锁板块
				// jiesuoShow:false,//解锁板块
				shengyucishu:[],
				lxr_title:'',
				lxr_time:'',
				lxr_name:'',
				lxr_xmgl:'0',
			};
		},
		computed: {
			
		},
		watch: {
			zrmIsbottom: {
				handler(a, b) {
					// console.log(121212, a !== b && a,this.qiyeList,this.status)
					if (a !== b && a) {
						if(!this.qiyeList.length || this.zrmtabIndex=='1'){
							this.$emit('update:zrmIsbottom',false)
							return
						}
						if (this.qiyeList.length < 10) {
							return
						}
						if (this.status !== 'nomore') {
							if (this.zrmtabIndex=='0') {
								this.getCaigou({
										page: ++this.page
									},
									true
								);
							} 
						}
						// console.log(121212,a,b)
					}
				},
				immediate: true
			},
			zrmshengyucishu: {
			    handler(a, b) {
				// console.log(a.toString().split(""));
				let arr = [];
				this.shengyucishu = a.toString().split("");
			  },
			  immediate: true,
			},
			danweiType: {
			    handler(a, b) {
				if(a !=b && this.jiesuoShow && b != undefined){
					if (this.zrmtabIndex=='0') {
						this.getCaigou()
					} else {
						this.getGongshang();
					}
				}
			  },
			  immediate: true,
			},
		},
		mounted() {
			// console.log(111,this.jiesuoShow)
			if(this.jiesuoShow){
				this.status="loading"
				this.nomoreText= '已全部加载完毕',
				//标讯使用id进行查询，工程使用业主加密名称查询，这里用了两个不同的接口，默认from为biaoxun。
				this.$nextTick(() => {
						if (this.zrmtabIndex=='0') {
							this.getCaigou()
						} else {
							this.getGongshang();
						}
				})
			}

		},
		computed: {
			popupStyle() {
				return {
					left: `${this.popupX}px`,
					top: `${this.popupY}px`
				};
			}
		},

		methods: {
			//顶部tab切换
			zrmtabClick(index){
				this.zrmtabIndex=index
				if (this.zrmtabIndex=='0') {
					this.getCaigou()
				} else {
					this.getGongshang();
				}
			},
			clickPopup(index) {
				this.currentIndex = index;
				this.maskPop = true;
			},

			hidePopup() {
				this.maskPop = false;
				this.currentIndex = -1;
			},

			// 拨打电话
			makePhoneCall(tel) {
				uni.makePhoneCall({
					phoneNumber: tel,
				});
			},

			// 复制电话号码
			copyTel(tel) {
				uni.setClipboardData({
					data: tel,
					success: () => {
						this.currentIndex = -1;
						this.maskPop = false
					},fail:(err)=>{
						console.log(err)
					}

				})
			},

			// 添加到通讯录
			addPhone(name, tel) {
				uni.addPhoneContact({
					firstName: name,
					mobilePhoneNumber: tel,
					success: function (e) {
						uni.$u.toast('添加成功');
					},
					fail: function (e) {
						uni.$u.toast('添加失败');
					}
				})
			},

			// 获取企业联系人
			getCaigou(params = {}, loadmore) {
				if (!loadmore) {
					this.status = 'loading';
					this.nomoreText = "努力加载中..."
					this.qiyeList = [];
					// document.documentElement.scrollTop = 0;
				}
				const paramsNew = Object.assign({}, {
						location: this.location,
						comcode: this.comcode,
						vcode: this.vcode,
						 mid_yx: 247, // 247：企情分析
						log_yx: 0, // 是否记录主功能日志 0：否（默认）；1：是
						mid_cy: 255, // 255：联系方式
						log_cy: 1, // 是否记录次要功能日志 0：否（默认）；1：是
						log_type: 10465, // 10465：企情分析-联系方式
						pageindex: this.page,
						pagesize: this.pagesize,
						type:this.danweiType=='2'  ? '2' :this.danweiType=='1' ? '1' :'4'//1：代理；2：业主；4：供应商
					},
					params
				);
				uni.$u.http
					.post('/analysis/Company/lianxifangshi/GetYwWuLxrListHandler.ashx', paramsNew)
					.then(rs => {
						const dt = rs.list || [];

						if (!dt.length) {
							this.status = 'nomore'
							this.nomoreText = loadmore ? '已全部加载完毕' : '暂无数据'
							this.$emit('update:zrmIsbottom',false)
						} else {
							// debugger
							if (dt.length < this.pagesize) {
								this.status = 'nomore'
								this.nomoreText = '已全部加载完毕'
							} else {
								this.status = 'loading'
								this.$emit('update:zrmIsbottom',false)
							}
						}
						dt.map(item => {
							//设置随机背景色
							let bg=['#2F6DFE','#FA654D','#F6884B']
							item.circleBg= bg[Math.floor(Math.random() * bg.length)]
							this.qiyeList.push(item)
						})
						// console.log('zhaorenmai',this.qiyeList)
					}).catch(err => {
						uni.$u.toast(err.msg);
					});
			},

			//工程联系人
			getGongshang(params = {}, loadmore) {
				if (!loadmore) {
					this.status2 = 'loading';
					this.nomoreText2 = "努力加载中..."
					this.gongshangList = [];
					// document.documentElement.scrollTop = 0;
				}
				const paramsNew = Object.assign({}, {
						location: this.location,
						comcode: this.comcode,
						vcode: this.vcode,
						mid_yx: 247, // 247：企情分析
						log_yx: 0, // 是否记录主功能日志 0：否（默认）；1：是
						mid_cy: 255, // 255：联系方式
						log_cy: 0, // 是否记录次要功能日志 0：否（默认）；1：是
						log_type: 10465, // 10465：企情分析-联系方式
						type:this.danweiType=='2'  ? '2' :this.danweiType=='1' ? '1' :'4'//1：代理；2：业主；4：供应商
					},
					params
				);
				uni.$u.http
					.post('/analysis/Company/lianxifangshi/GetGongShangLxrListHandler.ashx', paramsNew)
					.then(rs => {
						const dt = rs.list || [];
						
						if (!dt.length) {
							this.status2 = 'nomore'
							this.nomoreText2 = loadmore ? '已全部加载完毕' : '暂无数据'
							this.$emit('update:zrmIsbottom',false)
						} else {
							if (dt.length < this.pagesize) {
								this.status2 = 'nomore'
								this.nomoreText2 = '已全部加载完毕'
							} else {
								this.status2 = 'loading'
								this.$emit('update:zrmIsbottom',false)
							}
						}
						dt.map(item => {
							// item.lxr_tel = item.lxr_tel == null ? "--" : item.lxr_tel;
							item.lxr_mobile =
							item.lxr_mobile == null ? "--" : item.lxr_mobile;
							item.lxr_name = item.lxr_name == null ? "--" : item.lxr_name;
							item.lxr_updatetime = uni.$u.timeFormat(item.lxr_updatetime,'yyyy-mm-dd')
							//设置随机背景色
							let bg=['#2F6DFE','#FA654D','#F6884B']
							item.circleBg= bg[Math.floor(Math.random() * bg.length)]
							this.gongshangList.push(item)
						})
					}).catch(err => {
						uni.$u.toast(err.msg);
					});
			},
			lijijiesuo(){
				this.jiesuoShow=true
				//更新解锁状态，再次刷新页面时接口数据会变更。
				this.$emit('update:zrmjiesuoShow',true)
				// this.$emit("getGongneng")
				
				//标讯使用id进行查询，工程使用业主加密名称查询，这里用了两个不同的接口，默认from为biaoxun。
				setTimeout(() => {
					if (this.zrmtabIndex=='0') {
						this.status="loading"
						this.nomoreText= '已全部加载完毕',
						this.getCaigou()
					} else {
						this.status2="loading"
						this.nomoreText2= '已全部加载完毕',
						this.getGongshang();
					}
				}, 300);
				
				
			},
			// 增加查看次数
			zengjiacishu(){
				
				uni.redirectTo({
					url:'/pages/qiqing/pay/pay?type=' + 255 + '&pageurl=' + '/pages/qiqing/index' + '&comcode=' + this.comcode + '&vcode=' + this.vcode+ '&companyName=' + this.companyName + '&danweiType=' + this.danweiType+ '&keywords2=' + this.keywords2
				})
			},
			
			//to联系人详情
			tolxrDetail(item){
				if (this.zrmtabIndex=='0') {
					uni.navigateTo({
						url:'/pages/qiqing/components/ZhaorenmaiDetail?name='+item.name + '&tel='+item.tel + '&time='+item.time + '&xmgl='+ encodeURIComponent(item.xmgl) +'&danweiType=' +this.danweiType
					})
				} else {
					let tel = item.lxr_mobile=='--' ?item.lxr_tel : item.lxr_mobile
					let time= item.lxr_updatetime
					uni.navigateTo({
						url:'/pages/qiqing/components/ZhaorenmaiDetail?name='+item.lxr_name + '&tel='+ tel + '&time='+ time + '&xmgl='+encodeURIComponent(item.xmgl)+'&danweiType=' +this.danweiType
					})
				}
				
			}
		}
	}
</script>

<style scoped lang="scss">
	@import '@/static/css/index.scss';
	.tab-box{
		display: flex;
		padding: 30rpx 0 0 24rpx;
		view{
			margin-right: 40rpx;
			font-size: 28rpx;
			color: #6C717E;
			&.active{
				font-weight: bold;
				color: #2F6DFE;
			}
		}
	}
	.popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999;
	}

	.popup-content {
		width: 240rpx;
		background-color: #fff;
		border-radius: 10rpx;
		flex-direction: column;
		justify-content: space-between;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 9999;
		display: none;

		view {
			line-height: 40rpx;
		}
	}

	.popup-title {
		font-size: 32rpx;
		text-align: center;
		padding: 29rpx 0;
		border-bottom: 1px solid #EEEEEE;
	}

	.popup-body {
		font-size: 32rpx;
		text-align: center;
		padding: 29rpx 0;
		border-bottom: 1px solid #EEEEEE;
	}

	.popup-call {
		font-size: 32rpx;
		color: #ADB4C2;
		text-align: center;
		padding: 29rpx 0;
	}

	.pub-contact {

		// margin-bottom: 128rpx;
		padding: 20rpx 28rpx;
		background-color: #FAFAFA;

		.contact-box {
			min-height: calc(100vh - 600rpx);
			background: #fff;

			.lianxiInfo {
				line-height: 98rpx;
				padding: 0 24rpx;
				border-bottom: 1rpx solid #eee;
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;

				.contact-left {
					color: #3B3E45;
					font-size: 28rpx;
				}

				.contact-right {
					display: flex;
					align-items: center;

					.tel {
						color: #3B3E45;
						font-size: 28rpx;
						margin-right: 20rpx;
					}

					.btn {}

					.showIcon {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}

			.showRight {
				display: block;
			}
		}
	}

	.module-Info {
		width: 660rpx;
		height: 100rpx;
		background-color: #F6F8FF;
		margin: 20rpx auto;
		margin-bottom: 30rpx;
		display: flex;
		justify-content: space-between;
		border-radius: 10rpx;

		.module-left {
			display: flex;
			align-items: center;

			.module-tag {
				//width: 120rpx;
				padding: 0rpx 20rpx;

				::v-deep.u-tag--primary--plain {
					border-width: 1px;
					border-color: #3c9cff;
					justify-content: center;
					//margin-right: 10rpx !important;
				}

				text {
					width: 100%;
					text-align: center;
				}
			}

			.companyName {
				color: #3B3E45;
				font-size: 24rpx;
				line-height: 100rpx;
			}
		}

		// .module-right {
		// 	margin-top: 39rpx;
		// 	margin-right: 20rpx;
		// }
		.u-loadmore {
			margin: 40rpx 0;
		}
	}
	.lxrList{
		padding: 0 30rpx;
		margin-top: 16rpx;
		border-top: 1rpx solid #E8E8E8;
		.lxr-top{
			padding: 20rpx 0 0;
			display: flex;
			justify-content: space-between;
		}
		.lxr-left{
			image{
				width: 88rpx;
				height: 88rpx;
				margin-right: 26rpx;
			}
			.circle{
				width: 88rpx;
				height: 88rpx;
				line-height: 88rpx;
				margin-right: 26rpx;
				font-size: 36rpx;
				color: #fff;
				text-align: center;
				background: #2F6DFE;
				border-radius: 50%;
			}
		}
		.lxr-right{
			flex: 1;
			.lxr-name{
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
			}
			.lxr-xgxm{
				padding: 0 16rpx;
				height: 36rpx;
				line-height: 36rpx;
				font-size: 22rpx;
				color: #A4A8B0;
				border-radius: 4rpx;
				border: 1px solid #E8E8E8;
			}
			.lxr-tel,.lxr-gxsj{
				margin-top: 12rpx;
				font-size: 24rpx;
				color: #A4A8B0;
			}
		}
		.lxr-middle{
			margin-top: 26rpx;
			font-size: 22rpx;
			color: #6C717E;
		}
		.caozuo{
			margin-top: 24rpx;
			display: flex;
			justify-content: space-between;
			view{
				display: flex;
				align-items: center;
				image{
					width: 52rpx;
					height: 52rpx;
					margin-right: 10rpx;
				}
				text{
					font-size: 22rpx;
					color: #333333;
				}
			}
		}
	}
	.jiesuo-box{
		padding: 30rpx 18rpx 50rpx;
		margin-top: 20rpx;
		text-align: center;
		background: linear-gradient(-90deg, #FFF8ED, #FFE9D5);
		border-radius: 10rpx;
		.jiesuo-title{
			display: flex;
			justify-content: center;
			font-size: 32rpx;
			color: #333333;
			view{
				max-width: 200rpx;
			}
		}
		.jiesuo-desc{
			margin-top: 26rpx;
			font-size: 26rpx;
			color: #6C717E;
		}
		.jiesuo-cishu{
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 28rpx;
			text{
				font-size: 30rpx;
				color: #333;
			}
			view{
				margin-right: 20rpx;
				width: 60rpx;
				height: 60rpx;
				line-height: 60rpx;
				font-size: 36rpx;
				color: #836038;
				font-weight: bold;
				background: linear-gradient(0deg, #FFC760 0%, #FFE7AB 100%);
			}
		}
		.jiesuo-tip{
			margin-top: 34rpx;
			text{
				&:first-child{
					font-size: 28rpx;
					color: #333333;
				}
				&:last-child{
					font-size: 28rpx;
					color: #2F6DFE;
					font-weight: bold;
				}
			}
		}
		.lijijiesuo{
			width: 540rpx;
			height: 98rpx;
			line-height: 98rpx;
			margin: 52rpx auto 0;
			font-size: 36rpx;
			color: #836038;
			font-weight: bold;
			text-align: center;
			background: linear-gradient(-84deg, #FFC04D 0%, #FFE7AB 100%);
			border-radius: 49rpx;
		}
	}
</style>